.drawer {
  /* stylelint-disable */
  position: fixed;
  top: 0;
  transform: translateX(-300px);
  height: 100%;
  width: 300px;
  background: #fff;
  padding: 0px;
  transition: .25s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px, rgba(0, 0, 0, 0.22) 0px 3px 10px;
}

.drawerOpen {
  transform: translateX(0);
}

.item {
  padding: 25px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: solid 1px #f6f6f6;
}

.item:hover {
  background-color: #f6f6f6;
}
